<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="css/search.css"/>
	<body>
	<div id="web">
		<header>
			<div class="search clearfix">
				<a href="indexSM.html"><img src="img/search/left.png"/></a>
				<input type="search" placeholder="搜索" />
				<i class="iconfont icon-iconfont-iconfangdajing"></i>
			</div>
		</header>
		<section>
			<aside>
				<ul class="navbar clearfix">
					<li><a href="">圈子</a></li>
					<li class="active"><a href="">个人/机构</a></li>
					<li><a href="">活动</a></li>
					<li><a href="">通告</a></li>
				</ul>
			</aside>
			<article>
				<div class="userInfo">
					<div class="userHead clearfix">
						<div class="userImg fl">
							<a href=""><img src="img/search/head.jpg"/></a>
						</div>
						<div class="userPer fl clearfix">
							<div class="perText">
								<span>冉宝-艾菲尔</span>
								<span>模特</span>
								<span>演员</span>
							</div>
							<div class="perWatch">
								<p>
									<i class="iconfont icon-caozuo_yanjing"></i>
									<span>96</span>
								</p>
								<p >
									<i class="iconfont icon-chakan-"></i>
									<span>96</span>
								</p>
								<p>
									<i class="iconfont icon-tianjiajiuzhenren"></i>
									<span>13</span>
								</p>
							</div>
						</div>
						<div class="add fr">
							<a href="javascript:;">
								<img src="img/trends/add2.png" alt="" />
							</a>
						</div>
					</div>
					<ul class="userShow clearfix">
						<li><img src="img/search/show1.jpg" alt="" /></li>
						<li><img src="img/search/show2.jpg" alt="" /></li>
						<li><img src="img/search/show3.jpg" alt="" /></li>
						<li><img src="img/search/show4.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="userInfo">
					<div class="userHead clearfix">
						<div class="userImg fl">
							<a href=""><img src="img/search/head.jpg"/></a>
						</div>
						<div class="userPer fl clearfix">
							<div class="perText">
								<span>冉宝-艾菲尔</span>
								<span>模特</span>
								<span>演员</span>
							</div>
							<div class="perWatch">
								<p>
									<i class="iconfont icon-caozuo_yanjing"></i>
									<span>96</span>
								</p>
								<p >
									<i class="iconfont icon-chakan-"></i>
									<span>96</span>
								</p>
								<p>
									<i class="iconfont icon-tianjiajiuzhenren"></i>
									<span>13</span>
								</p>
							</div>
						</div>
						<div class="add fr">
							<a href="javascript:;">
								<img src="img/trends/yes.png" alt="" />
							</a>
						</div>
					</div>
					<ul class="userShow clearfix">
						<li><img src="img/search/show1.jpg" alt="" /></li>
						<li><img src="img/search/show2.jpg" alt="" /></li>
						<li><img src="img/search/show3.jpg" alt="" /></li>
						<li><img src="img/search/show4.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="userInfo">
					<div class="userHead clearfix">
						<div class="userImg fl">
							<a href=""><img src="img/search/head.jpg"/></a>
						</div>
						<div class="userPer fl clearfix">
							<div class="perText">
								<span>冉宝-艾菲尔</span>
								<span>模特</span>
								<span>演员</span>
							</div>
							<div class="perWatch">
								<p>
									<i class="iconfont icon-caozuo_yanjing"></i>
									<span>96</span>
								</p>
								<p >
									<i class="iconfont icon-chakan-"></i>
									<span>96</span>
								</p>
								<p>
									<i class="iconfont icon-tianjiajiuzhenren"></i>
									<span>13</span>
								</p>
							</div>
						</div>
						<div class="add fr">
							<a href="javascript:;">
								<img src="img/trends/add2.png" alt="" />
							</a>
						</div>
					</div>
					<ul class="userShow clearfix">
						<li><img src="img/search/show1.jpg" alt="" /></li>
						<li><img src="img/search/show2.jpg" alt="" /></li>
						<li><img src="img/search/show3.jpg" alt="" /></li>
						<li><img src="img/search/show4.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="userInfo">
					<div class="userHead clearfix">
						<div class="userImg fl">
							<a href=""><img src="img/search/head.jpg"/></a>
						</div>
						<div class="userPer fl clearfix">
							<div class="perText">
								<span>冉宝-艾菲尔</span>
								<span>模特</span>
								<span>演员</span>
							</div>
							<div class="perWatch">
								<p>
									<i class="iconfont icon-caozuo_yanjing"></i>
									<span>96</span>
								</p>
								<p >
									<i class="iconfont icon-chakan-"></i>
									<span>96</span>
								</p>
								<p>
									<i class="iconfont icon-tianjiajiuzhenren"></i>
									<span>13</span>
								</p>
							</div>
						</div>
						<div class="add fr">
							<a href="javascript:;">
								<img src="img/trends/yes.png" alt="" />
							</a>
						</div>
					</div>
					<ul class="userShow clearfix">
						<li><img src="img/search/show1.jpg" alt="" /></li>
						<li><img src="img/search/show2.jpg" alt="" /></li>
						<li><img src="img/search/show3.jpg" alt="" /></li>
						<li><img src="img/search/show4.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="userInfo">
					<div class="userHead clearfix">
						<div class="userImg fl">
							<a href=""><img src="img/search/head.jpg"/></a>
						</div>
						<div class="userPer fl clearfix">
							<div class="perText">
								<span>冉宝-艾菲尔</span>
								<span>模特</span>
								<span>演员</span>
							</div>
							<div class="perWatch">
								<p>
									<i class="iconfont icon-caozuo_yanjing"></i>
									<span>96</span>
								</p>
								<p >
									<i class="iconfont icon-chakan-"></i>
									<span>96</span>
								</p>
								<p>
									<i class="iconfont icon-tianjiajiuzhenren"></i>
									<span>13</span>
								</p>
							</div>
						</div>
						<div class="add fr">
							<a href="javascript:;">
								<img src="img/trends/add2.png" alt="" />
							</a>
						</div>
					</div>
					<ul class="userShow clearfix">
						<li><img src="img/search/show1.jpg" alt="" /></li>
						<li><img src="img/search/show2.jpg" alt="" /></li>
						<li><img src="img/search/show3.jpg" alt="" /></li>
						<li><img src="img/search/show4.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="userInfo">
					<div class="userHead clearfix">
						<div class="userImg fl">
							<a href=""><img src="img/search/head.jpg"/></a>
						</div>
						<div class="userPer fl clearfix">
							<div class="perText">
								<span>冉宝-艾菲尔</span>
								<span>模特</span>
								<span>演员</span>
							</div>
							<div class="perWatch">
								<p>
									<i class="iconfont icon-caozuo_yanjing"></i>
									<span>96</span>
								</p>
								<p >
									<i class="iconfont icon-chakan-"></i>
									<span>96</span>
								</p>
								<p>
									<i class="iconfont icon-tianjiajiuzhenren"></i>
									<span>13</span>
								</p>
							</div>
						</div>
						<div class="add fr">
							<a href="javascript:;">
								<img src="img/trends/yes.png" alt="" />
							</a>
						</div>
					</div>
					<ul class="userShow clearfix">
						<li><img src="img/search/show1.jpg" alt="" /></li>
						<li><img src="img/search/show2.jpg" alt="" /></li>
						<li><img src="img/search/show3.jpg" alt="" /></li>
						<li><img src="img/search/show4.jpg" alt="" /></li>
					</ul>
				</div>
			</article>
		</section>
	</div>
	<script src="js/getFont.js"></script>	
	<script type="text/javascript" src="js/getClass.js"></script>
	<script>
		var oHead=document.getElementsByTagName('header')[0];
		var oSearch=getClass(oHead,'search')[0];
		var aInput=oSearch.getElementsByTagName('input')[0];
		var aIcon=getClass(oSearch,'iconfont')[0];
		aInput.onfocus=function(){
			aIcon.style.display='none';
		}
		aInput.onblur=function(){
			aIcon.style.display='inline-block';
		}
	</script>
	</body>
</html>
